<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/index.css">
</head>

<body>
    <div class="box">
        <header>
            <ul class="leftNav">
                <li class="l-1">中国大陆</li>
                <li class="l-2"><span>亲，请登陆</span>免费注册</li>
                <li class="l-3">手机逛淘宝</li>
            </ul>
            <ul class="rightNav">
                <li class="r-1">我的淘宝</li>
                <li class="r-2">购物车<i></i></li>
                <li class="r-3">收藏夹</li>
                <li class="r-4">商品分类</li>
                <li>免费开店</li>
                <li>|</li>
                <li class="r-5">千牛卖家中心</li>
                <li class="r-6">联系客服</li>
                <li class="r-7">网页导航</li>
            </ul>
        </header>
        <section>
            <div class="searchMove">
                <div class="logo">
                    <img src="/img/logo.png" alt="">
                </div>
                <div class="search">
                    <form action="#">
                        <span>宝贝</span><input type="search" name="" id="" placeholder="懒人手机支架">
                        <div class="btn">
                            <i class="xj"></i>
                            <button>搜索</button>
                        </div>
                    </form>
                    <ul>
                        <li>新款连衣裙</li>
                        <li>四件套</li>
                        <li>潮流T恤</li>
                        <li>时尚女鞋</li>
                        <li>短裤</li>
                        <li>新款连衣裙</li>
                        <li>四件套</li>
                        <li>潮流T恤</li>
                        <li>时尚女鞋</li>
                        <li>短裤</li>
                        <li>短裤</li>
                        <li>新款连衣裙</li>
                        <li>四件套</li>
                    </ul>
                </div>
                <div class="erweima">
                    <img src="/img/erweima.png" alt="">
                </div>
            </div>

            <div class="content">
                <div class="nav">
                    <strong>主题市场</strong>
                    <ul>
                        <li class="n-1">天猫</li>
                        <li class="n-2">聚划算</li>
                        <li class="n-3">天猫超市</li>
                        <li>|</li>
                        <li>司法拍卖</li>
                        <li>飞猪旅行</li>
                        <li>天天特卖</li>
                        <li>淘小铺</li>
                        <li>|</li>
                        <li>造点新货</li>
                        <li>苏宁易购</li>
                        <li>淘宝心选</li>
                        <li>智能生活</li>
                    </ul>
                </div>
                <div class="contentMid">
                    <aside>
                        <ul>
                            <li>女装 / 内衣 / 家居</li>
                            <li>女鞋 / 男鞋 / 箱包</li>
                            <li>母婴 / 童装 / 玩具</li>
                            <li>男装 / 运动户外</li>
                            <li>美妆 / 彩妆 / 个护</li>
                            <li>手机 / 数码 / 企业</li>
                            <li>大家电 / 生活电器</li>
                            <li>零食 / 生鲜 / 茶酒</li>
                            <li>厨具 / 收纳 / 清洁</li>
                            <li>家纺 / 家饰 / 鲜花</li>
                            <li>图书音像 / 文具</li>
                            <li>医药保健 / 进口</li>
                            <li>汽车 / 二手车 / 用品</li>
                            <li>房产 / 装修家具 / 建材</li>
                            <li>手表 / 眼镜 / 珠宝饰品</li>
                        </ul>
                    </aside>
                    <div class="rightContent">
                        <div class="row1">
                            <div class="row1Left">
                                <div class="pic1">
                                    <img src="/img/bg.jpeg" alt="">
                                </div>
                                <div class="pic2">
                                    <img src="/img/bgright.webp" alt="">
                                </div>
                            </div>
                            <div class="row1Right">
                                <div class="touxiang">
                                    我是头像
                                </div>Hi!你好</p>
                                <p>
                                    <a href="#">领淘金币零钱</a>
                                    <a href="#">会员俱乐部</a>
                                </p>
                                <p class="btn">
                                    <button>登陆</button>
                                    <button>注册</button>
                                    <button>开店</button>
                                </p>
                                <img src="/img/gg1.png" alt="">
                                <div class="tab">
                                    <a href="#">公告</a>
                                    <a href="#">规则</a>
                                    <a href="#">安全</a>
                                    <a href="#">公益</a>
                                    <a href="#">千牛</a>

                                </div>
                                <p class="waring"><span>严禁借庆祝建党100周年进行商业营销的公告</span></p>
                            </div>
                        </div>
                        <div class="row2">
                            <img src="/img/tianmaologo.png" alt="">
                            <span>理想生活上天猫</span>
                            <div class="biao"><span>1/5</span></div>
                            <div class="doublePic">
                                <div class="Pic">
                                    <img src="/img/ggsm1.jpg" alt="">
                                </div>
                                <div class="Pic">
                                    <img src="/img/ggsm1.jpg" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="row2-1">
                            <span>今日热卖</span>
                            <div class="Pic">
                                <img src="/img/ggsm3.jpeg" alt="">
                            </div>
                        </div>
                        <div class="row2Right">
                            <div class="picBtn">
                                充话费
                            </div>
                            <div class="picBtn">
                                充话费
                            </div>
                            <div class="picBtn">
                                充话费
                            </div>
                            <div class="picBtn">
                                充话费
                            </div>
                            <div class="picBtn">
                                充话费
                            </div>
                            <div class="picBtn">
                                充话费
                            </div>
                            <div class="picBtn">
                                充话费
                            </div>
                            <div class="picBtn">
                                充话费
                            </div>
                            <div class="row2taoali">
                                <p>阿里APP<span>更多&gt;</span></p>
                                <div class="pic">tu</div>
                                <div class="pic">tu</div>
                                <div class="pic">tu</div>
                                <div class="pic">tu</div>
                                <div class="pic">tu</div>

                            </div>
                        </div>

                    </div>
                </div>
                <ul class="yhh">
                    <li>有好货</li>
                    <li><img src="/img/qmkb.png" alt=""></li>
                </ul>
                <div class="yhhContent">
                    <div class="yhhPic">
                        <div class="cpPic">
                            图片
                        </div>
                        <p>Pure Cashmere 保暖针织帽</p>
                        <p><span>这款针织帽风格休闲可爱1231312313213123123123</span></p>
                    </div>
                    <div class="yhhPic">
                        <div class="cpPic">
                            图片
                        </div>
                        <p>Pure Cashmere 保暖针织帽</p>
                        <p><span>这款针织帽风格休闲可爱</span></p>
                    </div>
                    <div class="yhhPic">
                        <div class="cpPic">
                            图片
                        </div>
                        <p>Pure Cashmere 保暖针织帽</p>
                        <p><span>这款针织帽风格休闲可爱</span></p>
                    </div>
                    <div class="yhhPic">
                        <div class="cpPic">
                            图片
                        </div>
                        <p>Pure Cashmere 保暖针织帽</p>
                        <p><span>这款针织帽风格休闲可爱</span></p>
                    </div>
                </div>
                <div class="yhhgg">
                    <img src="/img/ggd1.jpeg" alt="">
                    <img src="/img/ggd2.jpeg" alt="">
                    <img src="/img/ggd3.jpeg" alt="">

                </div>
            </div>

        </section>


    </div>
    </div>
</body>

</html>